<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<header class="header" th:fragment="topFragment">
    <div class="kiosk-newsletter-area ptb-70">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mr-auto ml-auto">
                    <div class="newsletter text-center">
                        <div class="main-news-desc">
                            <div class="news-desc">
                                <h3>订阅时事通讯</h3>
                            </div>
                        </div>
                        <div class="kiosk-subscribe">
                            <form action="#">
                                <input class="subscribe" placeholder="请输入您的电子邮件" name="email" id="subscribe" type="text">
                                <button type="submit" class="submit">订阅</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="black-bg">
        <!-- Footer Top Start -->
        <div class="footer-top ptb-60">
            <div class="container">
                <div class="row">
                    <!-- Single Footer Start -->
                    <div class="col-lg-4  col-md-4 col-sm-6">
                        <div class="single-footer">
                            <h3>关于我们</h3>
                            <div class="footer-content">
                                <p>中软国际内蒙古民族大学软件工程</p>
                                <p>Spring boot练习项目</p>
                                <p>2024.5.21</p>
                                <div class="kiosk-footer-social">
                                    <ul class="kiosk-footer-list footer-top-social">
                                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                        <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                        <li><a href="#"><i class="fa fa-youtube"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Single Footer Start -->
                    <!-- Single Footer Start -->
                    <div class="col-lg-2  col-md-2 col-sm-6 footer-full">
                        <div class="single-footer">
                            <h3 class="footer-title">快速链接</h3>
                            <div class="footer-content">
                                <ul class="footer-list">
                                    <li><a href="#">关于我们</a></li>
                                    <li><a href="#">联系我们</a></li>
                                    <li><a href="#">博客</a></li>
                                    <li><a href="#">支持</a></li>
                                    <li><a href="/shop">商店页面</a></li>
                                    <li><a href="#">画廊</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Single Footer Start -->
                    <!-- Single Footer Start -->
                    <div class="col-lg-3 col-md-3  col-sm-6 footer-full">
                        <div class="single-footer">
                            <h3 class="footer-title">我的账户</h3>
                            <div class="footer-content">
                                <ul class="footer-list">
                                    <li><a th:if="${session.loginUser!=null}" href="/my">个人信息</a></li>
                                    <li><a th:if="${session.loginUser==null}" href="/loginup">注册</a></li>
                                    <li><a th:if="${session.loginUser==null}" href="/login">登录</a></li>
                                    <li><a th:if="${session.loginUser!=null}" href="#">我的订单</a></li>
                                    <li><a th:if="${session.loginUser!=null}" href="#">我的收藏</a></li>
                                    <li><a th:if="${session.loginUser!=null}" href="#">我的购物车</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Single Footer Start -->
                    <!-- Single Footer Start -->
                    <div class="col-lg-3 col-md-3 col-sm-6 footer-full">
                        <div class="single-footer margin-sm0">
                            <h3>联系我们</h3>
                            <div class="footer-content">
                                <div class="kiosk-contact-address">
                                    <span><i class="fa fa-map-marker"></i>北京市昌平区邓庄中软国际</span>
                                    <span><i class="fa fa-envelope-o"></i>kiosk@gmail.com</span>
                                    <span><i class="fa fa-phone"></i>(232) 232 232</span>
                                    <span><i class="fa fa-facebook"></i>kiosk.facebook</span>
                                    <span><i class="fa fa-youtube"></i>kiosk.youtube</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Single Footer Start -->
                </div>
                <!-- Row End -->
            </div>
            <!-- Container End -->
        </div>
        <!-- Footer Top End -->
        <!-- Footer Bottom Start -->
        <div class="footer-bottom">
            <div class="container">
                <div class="footer-bottom-content">
                    <p class="copy-right-text">Copyright © <a  href="http://www.17sucai.com/">themedream1</a> All Rights Reserved.</p>
                    <div class="kiosk-footer-social hidden-content">
                        <ul class="kiosk-footer-list">
                            <li><a href="#"><img src="img/footer/visa.png" alt=""></a></li>
                            <li><a href="#"><img src="img/footer/amarcan.png" alt=""></a></li>
                            <li><a href="#"><img src="img/footer/discover.png" alt=""></a></li>
                            <li><a href="#"><img src="img/footer/mastercard.png" alt=""></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- Container End -->
        </div>
        <!-- Footer Bottom End -->
    </footer>
</header>
</body>
</html>